.header{
    background-color: #fff;
    border-bottom: 1px solid #ececec;
}
.header-c{
    width: 1200px;
    height: 104px;
    margin: 0 auto;
    .logo{
        float: left;

        line-height: 104px;
    }
    .header-nav{
        float: left;
        line-height: 103px;
        font-size: 14px;
        color: #333;
        margin-left: 85px;
        a{
            text-align: left;
            padding: 0 25px;
            height: 100px;
            line-height: 100px;
            display: inline-block;
            margin-left: -3px;
            &:hover{
                border-bottom: 3px solid #2ec97e;
                color: #2ec97e;
            }
        }
        .ac{
            border-bottom: 3px solid #2ec97e;
        }
        >div{
            margin-top: 30px;
            float: right;
            width: 175px;
            height: 42px;
            line-height: 42px;
            border-bottom: 1px solid #e5e5e5;
            >input{
                height: 41px;
                width: 150px;
                color: #333;
            }
        }
        
    }
    .shopCar{
        float: right;
        margin-right: 5px;
        margin-top: 40px;
        a{
            margin-left: 15px;
            &:nth-child(1){
                img{
                    display: inline-block;
                    text-align: center;
                    line-height: 25px;
                    width: 30px;
                    vertical-align: top;
                }
                span{
                    display: inline-block;
                    width: 17px;
                    height: 17px;
                    line-height: 17px;
                    text-align: center;
                    border-radius: 50%;
                    background-color: red;
                    color: #fff;
                    font-size: 12px;
                    margin-left: -5px;
                }
            }
            
          &:nth-child(2){
              display:inline-block;
              width: 25px;
              height: 23px;
              position: relative;
              text-align: center;
              img{
                  width: 20px;
                  height: 22px;
                  transition: all 0.3s;
                  &:hover{
                    transform:rotate(15deg);
                }
              }
              &:hover ul{
                height: 165px;
            }
            ul {
                position: absolute;
                background-color:#fff ;
                overflow: hidden;
                height: 0;
                // margin-top: 20px;
                top: 24px;
                left: -45px;
                transition: all 0.3s linear;
                 li{
                     width: 120px;
                     padding: 10px 0;
                     text-align: center;
                     line-height: 20px;
                     color: #333;
                     font-size: 14px;
                     border-bottom: 1px solid #ccc;
                     &:hover{
                        color: #4dae49;
                     }
                 }
            }
            
          }
        }
    }
}